Json 


= JavaScript Object Notion which is commonly known as JSON is one of the 
most popular data transition formats. 

= The JavaScript Object Notation (JSON) data format enables applications, to 
communicate over a network, usually through RESTful APIs. 

= All modern languages (e.g., Java, JavaScript, Ruby, C#, PHP, Python, an 
Groovy) and platforms provide excellent support for producing (sepiali ingle 
and consuming (deserializing) JSON data. 


= JSON is very simple as it consists of developer-friendly con as 
Objects, Arrays, and name/value pairs. 
= JSON is not limited to Representational State TransferQ(REST); o works 
with the following: & 
o Node.js (which stores project metadata in json) 
o NoSQL databases such as MongoDB 
o Messaging platforms such as Kafka 
= It is a text-based and lightweight format transactions. JSON format 
was first computed by Douglas Crockfor 
= This being a text-based format is easiest r write by the user and at the 


same time, its lightweight pope es it a stress-free alternative for 


machines to deconstruct or geg 
= It is basically a subset of the javas jpt but JSON, as a text format is totally 
ming languages used as almost all the 


independent of any of O 
languages, can easily an the text. 
= Its unique properti ased, lightweight, language independence etc. 


make it an ideal idat®for the data-interchange operations. 


Features of JS 

S ON API offers high-level facade, which helps you to simplify 
sed use-cases. 

7 Shto nce — JSON is quite fast as it consumes very less memory space, 

is especially suitable for large object graphs or systems. 
tool — JSON library is open source and free to use. 
m oesn’t require to create mapping — Jackson API provides default mapping for 
many objects to be serialized. 


= Clean JSON — Creates clean, and compatible JSON result that is easy to read. 
= Dependency -JSON library does not require any other library for processing. 


Usage of JSON 
JSON is mostly used to transfer the data from one system to another. It can 
transfer data between two computers, database, programs etc. 


= It is mainly used for transmitting serialized data over the network 
connection. + 

= |t can be used with all the major programming languages. 

= It is useful in data transition from the web application to the server. 

= Most of the web services use JSON based format for data “O + 


Here are the important benefits/ pros of using JSON: 
= Provide support for all browsers 
= Easy to read and write + 


=" Straightforward syntax 

= You can natively parse in JavaScript using eval( ley 

= Easy to create and manipulate 

= Supported by all major JavaScript framewor 

=" Supported by most backend technolo 

= JSON is recognized natively by JavaScr 

= It allows you to transmit and serializ ured data using a network 
connection. 

= You can use it with moder 


= JSON is text which can 
the server. 


ming languages. 
ted to any object of JavaScript and send to 


JSON Object 
= JSON objects a s@of Keys along with its values without any specific order. 
= The key their values are grouped using curly braces, both opening and 
closing + { 
"AS t evious Example when we were creating a JSON with a car 
ributè we were actually creating a JSON car Object. There are certain 
hat need to be followed while creating a JSON structure, we will learn 
Cy those rules while discussing the Key value pairs. 
chaitanya={ 
TrirstName™: “Chaitanya, 


“ilastName” > Sangha’; 
wage" s MPR Na 


= So, in order to create a JSON, the first thing we will need is an attribute. Here, 
we are creating an “Employee” JSON object. Next thing we need is to specify 
the properties of the object, let’s assume our employee have a “First Name”, 
“Last Name”, “employee ID” and “designation”. These properties of the 
employee are represented as “Keys” in the JSON structure. 


= Let’s create a JSON object: 
N 
“FirstName” : "San" 
“LastName” : “Jackson”, 
“employeeID” : 5698523, 
“Designation” : “Manager”, 
} 


= Everything within the curly braces is known as JSON Empleyee Object. 

= A basic JSON object is represented by Key-Value pair vious Example, 
we used a JSON to represent an employee data. i 

= And we have represented different pr O employee; “First 
Name”, “Last Name”, “employee ID” and “de ”. Each of these “keys” 

has a value in the JSON. For Example, “Fisst Nameéhas been represented by a 

value “Sam”. Similarly, we also have rep cont 1 other keys by using different 


values. 


a JSON: 

= JSON Objects should start and ith braces “{ y’. 

= Key fields are include double quotes. 

= Values are repre tting “:” colon between them and the keys. 
=" JSON key-valu separated by a comma “,”. 


= Values can data type like String, Integer, Boolean etc. 


JSON Array 
Ar i are similar to the ones that are present in any programming 
the array in JSON is also an ordered collection of data. 
rray starts with a left square bracket “[“and ends with right square 
cket “]”. The values inside the array are separated by a comma. 
ere are some basic rules that need to be followed if you are going to use 
an array in a JSON. 
= Let’s have a look at a sample JSON with an Array. 
= We will use the same Employee object that we used earlier. 
= We will add another property like “Language expertise”. An employee can 
have expertise in multiple programming languages. So, in this case, we can 


use an array to offer a better way to record multiple language 
expertisevalues. 


{ 
“FirstName” : "Sam", 
"LastName" : “Jackson”, 
“employeeID” : 5698523, 
"Designation" : “Manager”, 
“LanguageExpertise” : [“Java”, “C#”, “Python” ] + 
} 
They are: 
= An array in JSON will start with a left square bracket and will end wi ht® 


square bracket. 

= Values inside the array will be separated by a comma. 

= Objects, Key-value pair, and Arrays make different componentsgof the JSON. 
These can be used together to record any data in a JSON: 

= Now, as we have already discussed the basic “G Mn lets start 


working on a more complex JSON structure. 


Employee JSON 
“FirstName” : "Sam", 
"LastName" : “Jackson”, 
"employeeID" : 5698523 
"Designation" : “Manag 
“LanguageExpertise” : [“Java% oy on” ] 
} 


JSON (JavaScript O n) XML 


rite XML is verbose and less readable 


USON doesn’t use In XML, the end tag is mandatory 


JSON supports a s easy to transfer a big 


i A XML , 
ata items using JSON doesn’t support array 


XML is difficult to parse than JSON 


XML document is lengthy, verbose and redundant 


USOMbis less secure than XML XML is more secured than JSON 


ON file is more readable than XML because it is [XML file is big and filled with user-defined tags, thus 
Short and to the point. less-readable 


JSON is data-oriented XML is document-oriented 


USON object has a type XML data is typeless 


Retrieving value is easy Retrieving value is difficult 


Supported by many Ajax toolkit Not fully supported by Ajax toolkit 


It supports only UTF-8 encoding. It supports various encoding. O 
JSON.parse() n` 


= JSON parsing is the process of converting a JSON object in text form 
a Javascript object that can be used inside a program. 

= In Javascript, the standard way to do this is by using the method JSO o) 
as the Javascript standard specifies. 

= The JSON.parse() method parses a JSON string, constru@ting the JavaScript 


value or object described by the string. Q) 
JSON.stringify() 


= The JSON.stringify() method in Javascript is use to create a JSON string out of 
it. 

= While developing an application using J t, many times it is needed to 
serialize the data to strings foston a into a database or for sending 
the data to an API or web serve 

= The data has to be in the fo rings. This conversion of an object to a 
string can be easily done elp of the JSON.stringify() method. 


= The result will be a strin ing the JSON notation. 
<script> 
varvalue 
name: 


var SON.stringify (value); 
m te("value of result = "+ result + "<br>"); 
d men®.write("type of result = "+ typeofresult); 
</ 
t 
value of result = {"name":"Logan", "age":21, "location":"London"} 


type of result = string 


In JSON, date objects are not allowed. The JSON.stringify() function will 
convert any dates into strings. 

const obj = {name: "John", today: new Date(), city : "New York"}; 
const myJSON = JSON.stringify(obj) ; 


jQuery.parseJSON() 

= JSON.parse() itself cannot execute functions or perform calculations. JSON 
objects can only hold simple data types and not executable code. 

= This parseJSON() Method in jQuery takes a well-formed JSON string and 
returns the resulting JavaScript value. & 
Var obj = jQuery.parseJSON( "{ "name": "John" Y ); 
alert( obj.name ); 


JSON Comments 
5 


= JSON doesn't support comments! But as program re used to add 
comments wherever required. 
= Wecan add a comment in JSON file includedin ject. 
Var value = { 
_Commentl : “This is studę ra’, 
Comment2 : “This is stu crd”, 
name: "Logan", 
age: 21, 
location: "Lo N 
} 
We specify an undersc omment to view it as a comment. But 
remember the comme a comment in the eyes of the developer but 
not the computer. 
=» We can even ex th mment's value from the JSON object. 


alert(value._c eng); 


